* {
  box-sizing: border-box;
}

//统一的样式
body,
html {
  height: 100%;
}

body {
  background: url('/assets/images/login_bg.jpg') no-repeat top left /cover;
}

/* 头部logo */
.header {
  padding-top: 20px;
}

/* 登录&注册区域 */
.login-reg-Box {
  position        : fixed;
  top             : 50%;
  left            : 50%;
  transform       : translate(-50%, -50%);
  width           : 400px;
  height          : 310px;
  background-color: #fff;

  /* 登录注册小logo区 */
  .headerBox {
    height    : 60px;
    background: url('/assets/images/login_title.png')no-repeat center;
  }

  //from 表单中的统一样式
  .layui-form {
    padding: 0 30px;

    .layui-form-item {
      position: relative;

      .layui-icon {
        position: absolute;
        top     : 10px;
        left    : 10px;
      }

      .layui-input {
        padding-left: 30px;
      }
    }

    a {
      font-size: 12px;
    }
  }

  /* 登录输入区 */
  .loginBox {}

  /* 注册输入区 */
  .regBox {}
}